 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"         
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template/rich-template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
	
	<ui:define name="titulo">#{msgs['consultaFuncionario.titulo']}</ui:define>
	
	<ui:define name="body">
		<h:form>
			<h:panelGroup layout="block" style="margin-top: 25px;">
				<h:panelGrid columns="2" styleClass="centralized">
					<h:outputLabel value="#{msgs['cadastroFuncionario.nome']}: " styleClass="required"/>
					<h:outputText value="#{funcionarioMB.funcionario.nome}"/>
					
					<h:outputLabel value="#{msgs['cadastroFuncionario.empresa']}: " styleClass="required"/>
					<h:outputText value="#{funcionarioMB.funcionario.empresa.nome}"/>
					
					<h:outputLabel value="#{msgs['cadastroFuncionario.matricula']}: "/>
					<h:outputText value="#{funcionarioMB.funcionario.matricula}"/>
					
					<h:outputLabel value="#{msgs['cadastroFuncionario.rg']}: "/>
					<h:outputText value="#{funcionarioMB.funcionario.rg}"/>
					
					<h:outputLabel value="#{msgs['cadastroFuncionario.cpf']}: "/>
					<h:outputText value="#{funcionarioMB.funcionario.cpf}"/>
				</h:panelGrid>
				
				<h:panelGrid style="margin-top: 25px;" styleClass="centralized">
					<rich:panel rendered="#{!empty funcionarioMB.funcionario.pontos}">
						<f:facet name="header">
							<h:outputLabel value="Pontos"/>
						</f:facet>
						<rich:dataTable var="pontoViewVO" value="#{funcionarioMB.pontosFuncionarioViewVO}" style="text-align:center;">
							<f:facet name="header">
								<rich:columnGroup>
									<rich:column>
					                    <h:outputText value="#{msgs['label.identificador']}" />
					                </rich:column>
									<rich:column>
					                    <h:outputText value="Competência" />
					                </rich:column>
					                <rich:column>
					                    <h:outputText value="Data Início" />
					                </rich:column>
					                <rich:column>
					                    <h:outputText value="Data Fim" />
					                </rich:column>
					                <rich:column rendered="#{usuarioMB.usuarioAdministrador}">
					                    <h:outputText value="-"/>
					                </rich:column>
								</rich:columnGroup>
							</f:facet>
							
							<rich:column colspan="#{usuarioMB.usuarioAdministrador ? 5 : 4}" style="text-align:left;">
				                <rich:collapsibleSubTableToggler for="sbtbl" />
				                <h:outputText value="#{pontoViewVO.ano}" />
				            </rich:column>
			            
			            	<rich:collapsibleSubTable value="#{pontoViewVO.pontos}" var="ponto" id="sbtbl" expandMode="client">
								<rich:column>
									<h:outputText value="#{ponto.idPonto}"/>
								</rich:column>
								<rich:column>
									<h:commandLink value="#{ponto.competencia.mes.nome} / #{ponto.competencia.ano}" action="#{pontoMB.consultar}">
										<a4j:param assignTo="#{pontoMB.idPonto}" value="#{ponto.idPonto}"/>
									</h:commandLink>
				                    <h:outputText value=""/>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="#{ponto.dataInicio}">
										<f:convertDateTime pattern="dd/MM/yyyy"/>
									</h:outputText>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="#{ponto.dataFim}">
										<f:convertDateTime pattern="dd/MM/yyyy"/>
									</h:outputText>
				                </rich:column>
				                <rich:column rendered="#{usuarioMB.usuarioAdministrador}">
									<h:commandLink action="#{pontoMB.editar}" style="margin: 0 3 0 3; cursor: pointer; text-decoration: none;">
										<a4j:param assignTo="#{pontoMB.idPonto}" value="#{ponto.idPonto}"/>
										<h:graphicImage url="/img/edit.png" style="border: 0px;"/>
									</h:commandLink>
									<h:commandLink action="#{pontoMB.remover}" onclick="return confirm('Deseja remover o ponto #{ponto.competencia.mes.nome} / #{ponto.competencia.ano}?');" style="margin: 0 3 0 3; cursor: pointer; text-decoration: none;">
										<a4j:param assignTo="#{pontoMB.idPonto}" value="#{ponto.idPonto}"/>
										<h:graphicImage url="/img/delete.png" alt="#{msgs['label.remover']}" style="border: 0px;"/>
									</h:commandLink>
								</rich:column>
							</rich:collapsibleSubTable>
						</rich:dataTable>
					</rich:panel>
				</h:panelGrid>
			</h:panelGroup>
		</h:form>
	</ui:define>
	
</ui:composition>